<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Menu With Slide Left Hover Effect</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <ul class="menu">
        <li class="current"><a href="#" data-hover="Home">Home</a></li>
        <li><a href="#" data-hover="About Us">About Us</a></li>
        <li><a href="#" data-hover="Blog">Blog</a></li>
        <li><a href="#" data-hover="Services">Services</a></li>
        <li><a href="#" data-hover="Products">Products</a></li>
        <li><a href="#" data-hover="Contact">Contact</a></li>
    </ul>
</body>
</html>